<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/public.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/phone.css" />
	</head>
	<style type="text/css">
		
		body > div.page1mailcontent > form > div.one > input.ptShuru{
			width: 40%;
		}
		#btnSendCode{
			font-family: "微软雅黑";
			font-size: 1rem;
			width: 25%;
			height: 3rem;
			background: #FFFFFF;
			color: #232323;
			border: 2px solid #D1D1D1;
			border-radius: 10px;
		}
		body > div.page1mailcontent > form > div.one > label{
			padding-left: 1rem;
		}
		body > div > form > div.mail{
			display: flex;
		}
		body > div > form > div.mail > select{
			width: 33%;
			height: 100%;
			border: none;
		}
		body > div > form > div > lable{
			line-height: 4rem;
		}
		body > div > form > div:nth-child(2) > input[type="radio"]{
			display: inline-block;
			width: 2rem;
			height: 2rem;
			margin-top: 1rem;
		}
	</style>

	<body>
		<p>
			完善信息
		</p>
		<!--================page1mailcontent=================-->
		<div class="page1mailcontent">
			<form action="{:U('Public/setInfo')}" method="post" name="my_f1" >
				<div class="mail">
					<select name="province">
	                    <option value="0">省份</option>
	                    <volist name="pro" id="vo">
		                    <option value="{$vo.id}" <if condition="$data.province eq $vo[id] ">selected</if> >{$vo.name}</option>                               
	                    </volist>
	                </select><select name="city">
	                     <option value="0">城市</option>
	                </select><select name="district">
			            <option value="0">地区</option>
			        </select>
				</div>
				<div class="mail" style="line-height:4rem;">
						<lable>男&nbsp;</lable><input type="radio" name="sex" value="1" />
						<lable>女&nbsp;</lable><input type="radio" name="sex" value="2" />
				</div>
				<div class="mail">
					<lable>生日:</lable>
					<input style="background: #FFFFFF;" type="date" name="birthday" value="" placeholder="生日"    />
				</div>
				<div class="mail">
					<lable>qq号:</lable>
					<input type="text" name="qq" value="" placeholder="qq号"   />
				</div>
				<div class="mail">
					<lable>手机号:</lable>
					<input type="text" name="mobile" value="" placeholder="手机号"   />
				</div>
				<input type="submit" value="提&nbsp;&nbsp;交" id="go" />
				<input type="hidden" name="realname" value="{$realname}"  />
				<input type="hidden" name="dksign" value="{$dksign}"  />
			</form>
		</div>
		<!--page1mailcontent结束-->
	</body>
	<script src="__PUBLIC__/home/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/js/font.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="js/forgetpassword.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript">

$('select[name=province]').change(function() {
    var child = $(this).val();
    $.ajax({
        type: "get",
        url: "{:U('getChild')}",
        data: {
            child: child
        },

        dataType: "json",

        success: function(data) {

            $("select[name=city]").empty();

            $("select[name=city]").append("<option value='0'>-市-</option>");

            for (var i = data.length - 1; i >= 0; i--) {
                $("select[name=city]").append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
            }
        }

    });

});
$('select[name=city]').change(function() {

    var child = $(this).val();
    $.ajax({

        type: "get",

        url: "{:U('getChild')}",

        data: {
            child: child
        },

        dataType: "json",

        success: function(data) {

            $("select[name=district]").empty();

            $("select[name=district]").append("<option value='0'>-区-</option>");

            for (var i = data.length - 1; i >= 0; i--) {
                $("select[name=district]").append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
            }
        }

    });

});
</script>
</html>